#{extends 'main.html' /}
#{set title: webTitle /}

<script>
  
    $(function() {
        $( "#datepicker" ).datepicker({
            showOn: "button",
            buttonImage: "@{'/public/images/icon_set_1_32x32/actions/1day.png'}",
            buttonImageOnly: true
        });
    });
  
</script>
<div align="center">ระบบคงคลัง / บันทึกสถานที่จัดเก็บ</div>

<ul id="tabMasterData" class="tabs" data-tabs="tabs" >
    <li><a href="#locationTab">สถานที่จัดเก็บ</a></li>
    <li><a href="#masLocationTab">สถานที่จัดเก็บหลัก</a></li>
    <li class="active"><a id="foo" href="#companyTab">บริษัท</a></li>
</ul>

<div class="pill-content" >
    <!-- begin location tab -->
    <div class="tab-pane" id="locationTab">
        <form class="formMasterData">
            <div class="well" >
                <div class="row">
                    <div class="well span6" style="height: 100%">
                        <fieldset>
                            <!--legend>Example form legend</legend-->
                            <div class="clearfix">
                                <label for="appendedInput">รหัสสถานที่</label>
                                <div class="input">
                                    <div class="input-append">
                                        <input type="text" size="16" name="appendedInput" id="appendedInput" class="medium">
                                        <label class="add-on active">
                                            <img src="@{'/public/images/icon_set_1_32x32/actions/search.png'}" >
                                        </label>
                                    </div>
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">รหัสสถานที่(หลัก)</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">ชื่อสถานที่</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <input type="button" value=" เพิ่ม " />
                            <input type="button" value=" แก้ไข " />
                            <input type="button" value=" ลบ " />

                        </fieldset>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- end location tab -->

    <!-- begin masLocation tab -->
    <div id="masLocationTab" class="tab-pane" >
        Tab2 . . . 
    </div>
    <!-- end masLocation tab -->

    <!-- begin company tab -->
    <div id="companyTab" class="tab-pane active" >
        <form class="formMasterData">
            <div class="well" >
                <div class="row">
                    <!-- begin column 1 -->
                    <div class="well span6" style="height: 100%">
                        <fieldset>
                            <div class="clearfix">
                                <label for="appendedInput">รหัสบริษัท</label>
                                <div class="input">
                                    <div class="input-append">
                                        <input type="text" size="16" name="appendedInput" id="appendedInput" class="medium">
                                        <label class="add-on active">
                                            <img src="@{'/public/images/icon_set_1_32x32/actions/search.png'}" >
                                        </label>
                                    </div>
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">ชื่อบริษัท</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">อำเภอ</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">จังหวัด</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">รหัสไปรษณีย์</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                            <div class="clearfix">
                                <label for="xlInput">ประเทศ</label>
                                <div class="input">
                                    <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                                </div>
                            </div><!-- /clearfix -->

                        </fieldset>
                    </div>
                    <!-- end column 1 -->

                    <!-- begin column 2 -->
                    <div class="well span6" style="height: 100%">
                        <div class="clearfix">
                            <label for="xlInput">เบอร์โทรศัพท์</label>
                            <div class="input">
                                <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                            </div>
                        </div><!-- /clearfix -->
                        <div class="clearfix">
                            <label for="xlInput">แฟกส์</label>
                            <div class="input">
                                <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                            </div>
                        </div><!-- /clearfix -->
                        <div class="clearfix">
                            <label for="xlInput">เว็บไซต์</label>
                            <div class="input">
                                <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                            </div>
                        </div><!-- /clearfix -->
                        <div class="clearfix">
                            <label for="xlInput">อีเมลล์</label>
                            <div class="input">
                                <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                            </div>
                        </div><!-- /clearfix -->
                        <div class="clearfix">
                            <label for="xlInput">เลขกำกับภาษี</label>
                            <div class="input">
                                <input type="text" size="30" name="xlInput" id="xlInput" class="xspan3" style="width: 180px;">
                            </div>
                        </div><!-- /clearfix -->

                        <input name="addSubmit" type="submit" value=" เพิ่ม " />
                        <input name="editSubmit" type="submit" value=" แก้ไข " />
                        <input type="button" value=" ลบ " />

                    </div>
                    <!-- end column 2 -->
                </div>
            </div>
        </form>
    </div>
    <!-- end company tab -->

    <table>
        <tr><td >ชื่อบริษัท</td><td>ที่อยู่</td><td >อำเภอ</td></tr>
        #{list items:companies, as:'company'}
        <tr><td>${company.Name}</td><td>${company.Address}</td><td>${company.District}</td></tr>
        #{/list}
    </table>
</div>
